.search {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;

    &__title {
        display: block;
        margin-bottom: 30px !important;
        font-size: 48px !important;
    }

    &__input {
        margin-right: 20px !important;
    }

    &__button {
        height: 56px !important;
    }


    &__result {
        margin-top: 30px;

        &__card {
            min-width: 303px;
            border: 1px solid black;
            border-radius: 20px;
            padding: 10px;
            cursor: pointer;
            transition: all .3s ease-in-out;

            &:hover {
                background-color: #1976d2;
                color: white;
            }

            &__name {
                font-size: 20px !important;
            }

            &__username {
                font-size: 12px !important;
            }
        }
    }
}